{% extends 'frame.html' %}
{% block title %}Associate{% endblock %}
{% block main %}<strong>协同工作</strong> | Associate Work{% endblock %}
{% block body %}

<div class="mdui-container botp mdui-m-b-5">
  <svg class="mdui-center mdui-text-color-black" width="100" height="100" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5"></path><path d="M14 10a3.5 3.5 0 0 0-5 0l-4 4a3.5 3.5 0 0 0 5 5l.5-.5"></path></g></svg>
  <div class="mdui-container"><div class="mdui-container"><div class="mdui-container">
      <div class="mdui-textfield mdui-m-t-2">
          <label class="mdui-textfield-label">认证代码 | Safe Code</label>
          <input id="code" style="text-align:center;" class="mdui-textfield-input" type="password"/>
      </div>
      <div class="mdui-m-t-2">
          <button id="done" class="mdui-btn mdui-color-theme-accent mdui-ripple">Done</button>
          <button class="mdui-btn mdui-btn-icon mdui-ripple mdui-float-right"><i class="mdui-icon material-icons">help_outline</i></button>
      </div>
  </div></div></div>
</div>

<script
  src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
  crossorigin="anonymous"
></script>
<script>
  document.onkeydown = function(event){
      var code = event.keyCode;
      if(code == 13){
          document.getElementById("done").click();
      }
  }
</script>

{% endblock %}